<template>
  <div @keyup.enter.native="handleLogin"
       class="login-container">
    <div class="login-weaper  animated bounceInDown">
      <div class="login-left">
        <img alt=""
             class="img"
             src="/img/logo.png">
        <p class="title">{{website.infoTitle}}</p>
        <p>©2019 v2.3.0</p>
      </div>
      <div class="login-border">
        <div class="login-main">
          <userLogin v-if="activeName==='user'"></userLogin>
          <div class="login-menu">
            <a href="http://localhost:8061/swagger-ui.html" target="_blank">swagger api</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
    import '@/styles/login.scss'
    import userLogin from "./userlogin";
    import {mapGetters} from "vuex";

    export default {
        name: "login",
        components: {
            userLogin
        },
        data() {
            return {
                activeName: "user"
            };
        },
        watch: {},
        created() {
        },
        mounted() {
        },
        computed: {
            ...mapGetters(["website"])
        },
        props: [],
        methods: {}
    };
</script>

